<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <%- include("link"); %> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,900|Roboto+Slab:100,300,400,700">
    
    <style>

            .heading-jumbo {
            background-image: url("http://i.imgur.com/DVJ1VGU.png");
            background-size: auto 1080px; 
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
            border-radius: 0.1px;
            background-color: rgba(235, 216, 205, 0.849);
            }

            /* jumbotron image */

            /* navbar  */

            .navbar {
            background: transparent;
            }

            .nav-link {
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            color: #ffffff !important;
            }

            .navbar-brand {
            color: white !important;
            font-family:'Roboto Slab',serif;
            font-weight: 700;
            }

            /* navbar */

            /* navbar login and signup buttons*/
            
            .gbtn {
            margin-left: 10px;
            }

            .btn-login {
            border: 2px solid #F89032;
            color: white;
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            background: #F89032;
            }

            .btn-register {
            border: 2px solid #F89032;
            color: white;
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            background: #F89032;
            }

            .gbtn {
            border-radius: 2px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            }

            .gbtn:focus {
            color: white;
            }

            .gbtn:hover {
            background: #E36A33;
            border: 2px solid #E36A33;
            transition: 0.3s ease-in-out;
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
            }

            /* navbar login and signup buttons*/

            /* heading text */

            .heading-text-container {
            margin-top: 40px;
            margin-bottom: 40px;
            }

            .main-heading-text {
            font-family: 'Roboto Slab',sans-serif;
            font-weight: 700;
            color: rgb(255, 255, 255);
            font-size: 50px;
            }

            .main-bio {
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            color: white;
            font-size: 16px;
            width: 60%;
            }

            /* heading text */

            /* heading social buttons */

            .button-group {
            margin-left: -10px;
            }

            /* main-blog */

            .main-blog-container {
            margin-top: 40px; 
            }

            .post-card {
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
            margin-bottom: 40px;
            }

            /* card image */

            .card-image-top {
            width: auto;
            height:350px;
            }

            .s-line {
            margin-top:-10px;
            }

            .cite-text {
            color: #bdbdbd;
            font-size: 14px;
            }

            .card-title {
            color: white;
            font-family: 'Roboto Slab',serif;
            font-weight: 700;
            }

            .card-text {
            color: white;
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            }

            .card-item-container {
            margin-top: 20px;
            }

            /* badge category */

            .badge-category {
            background: #F89032;
            font-size: 16px;
            font-weight: 400;
            }

            /* comments */

            .comments-container {
            margin-top: 20px;
            }

            /* form */

            .main-comment-form {
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            }

            .input-group-addon {
            background: #F89032;
            color: white;
            border: 1px solid #F89032;
            }

            .input-group-addon:hover {
            cursor: pointer;
            }

            /* placeholder */

            ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #9E9E9E !important;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            }
            ::-moz-placeholder { /* Firefox 19+ */
            color: #9E9E9E !important;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            }
            :-ms-input-placeholder { /* IE 10+ */
            color: #9E9E9E !important;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            }
            :-moz-placeholder { /* Firefox 18- */
            color: #9E9E9E !important;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            }

            /* placeholder */

            /* post comments */

            .main-post-comment-hding {
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            color: #424242;
            }

            .main-post-comment-paragraph {
            font-family: 'Raleway',sans-serif;
            font-weight: 300;
            font-size: 14px;
            }

            .user-image {
            border-radius: 50%;
            }

            /* like btn */

            .btn-like {
            margin-left: -2px;
            margin-bottom: 10px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            }

            /* list-group */

            .list-group-item {
            background: #F89032;
            border: 1.5px solid white;
            color: white !important;
            font-family: 'Raleway',sans-serif;
            font-weight: 500;
            }

            .l2main {
            width: 100%;
            }

            .posts-feed {
            font-family:'Raleway',serif;
            font-weight: 400;
            margin-bottom: -10px;
            font-size: 22px;
            }

            /* no comments */

            .no-comments {
            font-family: 'Raleway',sans-serif;
            font-weight: 300;
            color: #9E9E9E;
            }

            /* footer */



            /* footer */

            .footer-jumbotron {
            margin-top: 40px;
            margin-bottom: -30px;
            background: #FEA833;
            }

            .footer-text {
            color: white;
            font-family: 'Raleway',sans-serif;
            font-weight: 400;
            font-size: 17px;
            }

            .footer-btn-container {
            margin-top: 20px !important;
            margin-left: -10px;
            }

            /* footer btn */

            .fbtn {
            background: white;
            border: 1px solid white;
            color: #F89032;
            border-radius: 5px;
            }

            /* media query */

            @media (max-width: 960px) {
            .hidden-on960 {
                display: none;
            }
            
            .main-bio {
                width: 98%;
            }

            }

            @media (min-width: 960px) {
            .hidden-on-desktop {
                display: none;
            }
            
            }

    </style>

  </head>
<body>
    <div class="jumbotron heading-jumbo">
        <div class="container">
          <!-- main navbar -->
          <nav class="navbar navbar-toggleable md navbar-light bg-faded">
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
            </button>
            <a href="#" class="navbar-brand">鹦鹦的博客</a>

            <!-- navbar items -->
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="nav navbar-nav mr-auto">
                <li class="nav-item">
                  <a href="/" class="nav-link">主页<i class="fa fa-home"></i></a>
                </li>

              </ul>
              <ul class="nav navbar-nav float-xs-right">
                <a href="/login"><button class="btn btn-outline-success btn-login gbtn" type="button" >登陆 <i class="fa fa-sign-in"></i></button></a>
                <a href="/reg"><button class="btn btn-outline-success btn-register gbtn" type="button">注册 <i class="fa fa-user-plus"></i></button></a>
              </ul>
            </div>
          </nav>

          <!-- jumbotron content presentation -->

          <div class="container heading-text-container">
            <h3 class="main-heading-text">欢迎来到我的博客</h3>
            <p class="main-bio">前端小白写写学习心得...................................</p>
            <p class="button-group">
              <a class="btn btn-outline-success btn-login gbtn" href="https://google.es/"> <i class="fa fa-google"></i></a>
              <a class="btn btn-outline-success btn-login gbtn" href="https://twitter.com/KDevZone"> <i class="fa fa-twitter"></i></a>
              <a class="btn btn-outline-success btn-login gbtn" href="https://www.facebook.com/JexxysDZ"> <i class="fa fa-facebook-official"></i></a>
            </p>
          </div>
        </div>
      </div>


      <div class="container main-blog-container hidden-on960">
        <div class="row">
          <div class="col-8">
            <!-- blog posts -->
              <div class="card post-card" id="gaming">
                <img src="https://images8.alphacoders.com/679/679478.jpg" alt="" class="card-image-top" />
                <div class="card-img-overlay">
                  <div class="card-item-container">
                    <h4 class="card-title">Firewatch Wins the Bafta Game Awards <span class="badge badge-warning badge-category">#Gaming</span></h4>
                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
                  </div>
                </div>
                <div class="card-block">
                  <!-- form -->

                  <form action="">
                    <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                      <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                      <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
                    </div>
                  </form>
                  <hr />

                  <!-- form -->
                  <!-- comments -->
                    <div class="comments-container">
                      <div class="media">
                        <img class="d-flex mr-3" src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image" class="user-image">
                        <div class="media-body">
                          <h5 class="mt-0 main-post-comment-hding">Alessa Carter</h5>
                          <p class="main-post-comment-paragraph">
                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                          </p>
                          <p class="social-action-container">
                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                          </p>
                          <hr />

                          <div class="media mt-3">
                            <a class="d-flex pr-3" href="#">
                              <img src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image">
                            </a>
                            <div class="media-body">
                              <h5 class="mt-0 main-post-comment-hding">Jaime Gonzalez</h5>
                              <p class="main-post-comment-paragraph">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto totam voluptas inventore, deserunt obcaecati quia unde rerum veritatis sed, aut repellendus laboriosam excepturi fuga explicabo expedita labore facere blanditiis! Rem.
                              </p>

                              <p class="social-action-container">
                                <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                                <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                                <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                              </p>
                              <hr />
                              <form action="">
                                <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                                  <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                                  <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
                                </div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  <!-- comments -->
                </div>
              </div>
            <!-- blog posts -->

            <!-- second blog post -->
              <div class="card post-card" id="news">
                <img src="http://www.trappist.one/images/t1-sys.jpg" alt="" class="card-image-top" />
                <div class="card-img-overlay">
                  <div class="card-item-container">
                    <h4 class="card-title">Trappist-1 <span class="badge badge-warning badge-category">#News</span></h4>
                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
                  </div>
                </div>
                <div class="card-block">
                  <!-- form -->

                  <form action="">
                    <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                      <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                      <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
                    </div>
                  </form>
                  <hr />

                  <!-- form -->
                  <!-- comments -->
                    <div class="comments-container">
                      <div class="media">
                        <img class="d-flex mr-3" src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image" class="user-image">
                        <div class="media-body">
                          <h5 class="mt-0 main-post-comment-hding">Martin Rodriguez</h5>
                          <p class="main-post-comment-paragraph">
                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                          </p>
                          <p class="social-action-container">
                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                            <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                          </p>
                          <hr />


                        </div>
                      </div>
                    </div>
                  <!-- comments -->
                </div>
              </div>
            <!-- second blog post -->

            <!-- third blog post -->
              <div class="card post-card" id="economy">
                <img src="http://www.desdeelexilio.com/wp-content/uploads/bitcoin-b.jpg" alt="" class="card-image-top" />
                <div class="card-img-overlay">
                  <div class="card-item-container">
                    <h4 class="card-title">Bitcoin raises 2700$ <span class="badge badge-warning badge-category">#Economy</span></h4>
                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
                  </div>
                </div>
                <div class="card-block">
                  <!-- form -->

                  <form action="">
                    <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                      <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                      <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
                    </div>
                  </form>
                  <hr />

                  <!-- form -->

                  <br /><p class="text-center no-comments"><cite>No comments yet!</cite></p>
                </div>
              </div>
            <!-- third blog post -->
          </div>
          <div class="col-4">
            <!-- recent content -->
             <h4 class="posts-feed">
               Latest News
             </h4>
            <hr />

             <ul class="list-group sticky-top">
               <a href="#gaming" class="list-group-item">#Gaming</a>
               <a href="#news" class="list-group-item">#News</a>
               <a href="#economy" class="list-group-item">#Economy</a>
             </ul>
            <!-- recent content -->
          </div>
        </div>
      </div>

      <!-- mobile design -->

      <!-- mobile responsive -->

      <div class="hidden-on-desktop">
        <div class="container">

        <!-- recent content -->
        <h4 class="posts-feed">
          Latest News
        </h4>
        <hr />

        <ul class="list-group sticky-top">
          <a href="#" class="list-group-item l2main">Sign In</a>
          <a href="#" class="list-group-item l2main">Register</a>
          <a href="#gaming" class="list-group-item">#Gaming</a>
          <a href="#news" class="list-group-item">#News</a>
          <a href="#economy" class="list-group-item">#Economy</a>
        </ul><br />
        <!-- recent content -->

        <!-- blog posts -->
        <div class="card post-card" id="gaming">
          <img src="https://images8.alphacoders.com/679/679478.jpg" alt="" class="card-image-top" />
          <div class="card-img-overlay">
            <div class="card-item-container">
              <h4 class="card-title">Firewatch Wins the Bafta Game Awards <span class="badge badge-warning badge-category">#Gaming</span></h4>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
            </div>
          </div>
          <div class="card-block">
            <!-- form -->

            <form action="">
              <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
              </div>
            </form>
            <hr />

            <!-- form -->
            <!-- comments -->
            <div class="comments-container">
              <div class="media">
                <img class="d-flex mr-3" src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image" class="user-image">
                <div class="media-body">
                  <h5 class="mt-0 main-post-comment-hding">Alessa Carter</h5>
                  <p class="main-post-comment-paragraph">
                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                  </p>
                  <p class="social-action-container">
                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                  </p>
                  <hr />
                  </div>
              </div>
            </div>

            <!-- reply -->

            <div class="media">
                <img class="d-flex mr-3" src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image" class="user-image">
                <div class="media-body">
                  <h5 class="mt-0 main-post-comment-hding">Jaime Gonzalez <small>Alessia Carter</small></h5>
                  <p class="main-post-comment-paragraph">
                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                  </p>
                  <p class="social-action-container">
                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                  </p>
                  <hr />
                  </div>
              </div>
            </div>
            <!-- reply -->
          </div>
        </div>
        <!-- blog posts -->

        <div class="container">
          <!-- second blog post -->
        <div class="card post-card" id="news">
          <img src="http://www.trappist.one/images/t1-sys.jpg" alt="" class="card-image-top" />
          <div class="card-img-overlay">
            <div class="card-item-container">
              <h4 class="card-title">Trappist-1 <span class="badge badge-warning badge-category">#News</span></h4>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
            </div>
          </div>
          <div class="card-block">
            <!-- form -->

            <form action="">
              <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
              </div>
            </form>
            <hr />

            <!-- form -->
            <!-- comments -->
            <div class="comments-container">
              <div class="media">
                <img class="d-flex mr-3" src="https://warwick.com.au/attachments/StyleSheet/21/placeholder_s.gif?ts=1440649006" alt="Generic placeholder image" class="user-image">
                <div class="media-body">
                  <h5 class="mt-0 main-post-comment-hding">Martin Rodriguez</h5>
                  <p class="main-post-comment-paragraph">
                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                  </p>
                  <p class="social-action-container">
                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-up"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-thumbs-down"></i></a>

                    <a class="btn btn-outline-success btn-login gbtn btn-like btn-sm" href=""> <i class="fa fa-share"></i></a>
                  </p>
                  <hr />


                </div>
              </div>
            </div>
            <!-- comments -->
          </div>
        </div>
        <!-- second blog post -->

        <!-- third blog post -->
          <div class="card post-card" id="economy">
            <img src="http://www.desdeelexilio.com/wp-content/uploads/bitcoin-b.jpg" alt="" class="card-image-top" />
            <div class="card-img-overlay">
              <div class="card-item-container">
                <h4 class="card-title">Bitcoin raises 2700$ <span class="badge badge-warning badge-category">#Economy</span></h4>
                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur temporibus atque beatae hic ab, fugit quisquam tempore perferendis, libero quo nihil dicta architecto ex.</p>
              </div>
            </div>
            <div class="card-block">
              <!-- form -->

              <form action="">
                <div class="input-group mb-2 mr-sm-2 mb-sm-0 main-comment-form">
                  <button class="input-group-addon"><i class="fa fa-paper-plane"></i></button>
                  <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Say something">
                </div>
              </form>
              <hr />

              <!-- form -->

              <br /><p class="text-center no-comments"><cite>No comments yet!</cite></p>
            </div>
          </div>
          <!-- third blog post -->
        </div>
        </div>
      </div>

      <!-- mobile responsive -->

      <!-- mobile design -->

      <!-- footer -->

      <div class="jumbotron footer-jumbotron">
        <div class="container">
          <h3 class="main-heading-text">快乐就好</h3>
          <h4 class="footer-text">The Blog by - <cite>鹦鹦怪
            </cite></h4>
          <p class="footer-btn-container">
            <a class="btn btn-outline-success btn-login gbtn fbtn btn-sm" href="https://google.es/"> <i class="fa fa-google"></i></a>
            <a class="btn btn-outline-success btn-login gbtn fbtn btn-sm" href="https://twitter.com/KDevZone"> <i class="fa fa-twitter"></i></a>
            <a class="btn btn-outline-success btn-login gbtn fbtn btn-sm" href="https://www.facebook.com/JexxysDZ"> <i class="fa fa-facebook-official"></i></a>
          </p>
        </div>
      </div>

      <!-- footer -->
    <%- include("scripts"); %>

  </body>
</html>
